//  轮播图
var time = setInterval(move, 2000);
var index = 0;

function move() {
    let outIndex = index;
    index++;
    if (index == 4) {
        index = 0;
    }
    $(".dot li").eq(outIndex).addClass("current").siblings().removeClass("current");
    $(".img li").eq(outIndex).stop().fadeIn(1000).siblings().stop().fadeOut(1000);
    $(".dot li").eq(outIndex).css({ background: "blue" }).siblings().css({ background: "#A5E2E0" })
};


$(".dot li").click(function() {
    $(".img li").eq(index).stop().fadeIn(1000).siblings().stop().fadeOut(1000);
    $(this).addClass("current").siblings().removeClass("current");
    index = $(this).index();
    $(this).css({ background: "blue" }).siblings().css({ background: "#A5E2E0" })
});

$(".banner").hover(function() {
        clearInterval(time);
    },
    function() {
        time = setInterval(move, 1000);
    });
// 点击购物车跳转
$(".icon-cart").click(function() {
    window.location = "cart.html"
})

// 获取json对象


window.onload = function() {
    $.getJSON("../json/goods3.json", function(data) {
        var arr = [];
        $(".content-center-md ul li").empty()
        $.each(data, function(index, item) {
            arr.push(item)
            let node = `
            <a href="http://127.0.0.1:5500/goodsdetails.html?id=${arr[index].id}" class="block">
                        <i class="tag">新品</i>
                        <div class="img-col">
                            <img src="${arr[index].src[0]}" alt="">
                        </div>
                        <p class="pro-name">${arr[index].title}</p>
                        <p class="pro-desc">${arr[index].info}</p>
                        <p class="pro-price">${arr[index].price}</p>
                    </a>
            `
            $(node).appendTo($(".content-center-md ul li").eq(index))
        })
    })
}